<div class="component">
    <div class="header">
        <a href="#/home">
            <button class="reg_back_btn"></button>
        </a>
        <p class="header_title">
            维修记录
        </p>
    </div>
    <div class="content" >
        <!-- 搜索框 -->
        <div class="row">
            <div class="col-lg-6">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="请输入车牌号..." id="searchMaintain" autocomplete="off" maxlength="15">
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="button" ng-click="searchMaintain()">搜索</button>
                    </span>
                </div>
            </div>
        </div>
        <!-- /搜索框 -->
        <!-- 搜索结果展示 -->
        <div class="maintain-list">
            <div class="searchResult">
                <div class="repair_info" ng-repeat="item in infos">
                    <div class="rp_header">
                        <span class="car_number">{{item.car_num}}</span>
                        <span class="repair_date">{{item.time}}</span>
                    </div>
                    <div class="repair_imgs" >
                        <div class="position">
                            <p><i class="iconfont icon-weizhi-tianchong"></i>{{item.position}}</p>
                        </div>
                        <div class="img-box">
                            <!-- <img ng-repeat="url in item.img track by $index" src={{url}} alt="" ng-click="enlargeImg($event)"> -->
                            <img ng-repeat="url in item.img track by $index" src={{url}} alt="" ng-click="createSwiper(item.img,$index)">                        
                        </div>
                    </div>
                    <div class="repair_footer">
                        <span class="rp_worker">维修人:{{item.personnel}}</span>
                        <div class="examine-box">
                            <span class="costs">{{item.money}}元</span>
                            <span class="isPassedShow" ng-show="item.isPassedShow">{{item.examineResultPassed}}</span>
                            <span class="isRefusedShow" ng-show="item.isRefusedShow">{{item.examineResultRefused}}<i class="iconfont icon-gantanhao1" ng-click="readMsg(item.info)"></i></span>                            
                            <span class="pass" ng-show="item.isBtnShow" ng-click="pass(item)">支付</span>
                            <span class="refuse" ng-show="item.isBtnShow" ng-click="refuse(item)">拒绝</span>
                        </div>
                    </div>
                </div>
                <p class="return-btn" ng-click="returnBtn()">返回</p>
            </div>
            <!-- /搜索结果展示 -->
            <div class="repair-box">
                <div class="repair_info" ng-repeat="item in maintainList">
                    <div class="rp_header">
                        <span class="car_number">{{item.car_num}}</span><span class="repair_date">{{item.time}}</span>
                    </div>
                    <div class="repair_imgs" >
                        <div class="position">
                            <p><i class="iconfont icon-weizhi-tianchong"></i>{{item.position}}</p>
                        </div>
                        <div class="img-box">
                            <!-- <img ng-repeat="url in item.img track by $index" src={{url}} alt="" ng-click="enlargeImg($event)"> -->
                            <img ng-repeat="url in item.img track by $index" src={{url}} alt="" ng-click="createSwiper(item.img,$index)">                        
                        </div>
                    </div>
                    <div class="repair_footer">
                        <span class="rp_worker">维修人:{{item.personnel}}</span>
                        <div class="examine-box">                      
                            <span class="costs">{{item.money}}元</span>
                            <span class="isPassedShow" ng-show="item.isPassedShow">{{item.examineResultPassed}}</span>
                            <span class="isRefusedShow" ng-show="item.isRefusedShow">{{item.examineResultRefused}}<i class="iconfont icon-gantanhao1" ng-click="readMsg(item.info)"></i></span>                            
                            <span class="pass" ng-show="item.isBtnShow" ng-click="pass(item)">支付</span>
                            <span class="refuse" ng-show="item.isBtnShow" ng-click="refuse(item)">拒绝</span>
                        </div>
                    </div>
                </div>
                <p class="loadmore" ng-click="loadMore()">加载更多</p>
                <div class="loading-img"></div>
            </div>
        </div>    
    </div>
        <!-- <div id="js-imgview-mask" class="imgview-mask" style="display: none;" ng-click="closeImg()"></div>
        <div id="js-imgview" class="show-img">//显示点击的图片放大
            <img id="bigimage">
            <a ng-click="closeImg()"> &#935;</a>
        </div> -->
        <!-- swiper轮播图 -->
        <div id="js-imgview-mask" class="imgview-mask" style="display: none;">
            <div class="box box1"></div>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                </div>
            </div>
            <div class="box box2"></div>
        </div>
        <!-- swiper轮播图 -->
    <div class="footer">
        <div class="footer_style">车管家 | 一站式车辆管理平台</div>
    </div>
</div>